<template>
    <div class='detail-footer'>
        <div class="sc-bHwgHz gsNOod">
            <img class="sc-dTdPqK hZzUdy" src="https://web.juanpi.com/static/media/home_dark.41f2a808.png">
            <router-link tag='span' to='/home' class="sc-itybZL jFebcI"> 首页</router-link>
        </div>
        <div class="PopShoppingCart gsNOod">
            <img class="sc-fhYwyz" src="https://web.juanpi.com/static/media/cart_icon.5d19f0b4.png">
            <span class="sc-jzgbtB">购物车</span>
        </div>
        <div class="sc-eerKOB">
            <div class="OneBtn">
                <div class="sc-bMvGRv ">立即购买</div>
            </div>
            <div class="TwoBtn">
                <div class="sc-bMvGRv">加入购物车</div>
            </div>
        </div>
    </div>
</template>

<style lang="stylus">
    @import '~assets/styles/_base.styl'
    .detail-footer
        width 100%
        height .96rem
        display flex
        background #fff
        .gsNOod
            width 1.44rem
            border-right 1px solid #e7e7e7
            display flex
            flex-direction column
            align-items center
            justify-content center
            img
                width .48rem
                height .48rem
            span
                font-size .2rem
                color #6b6b6b
        .sc-eerKOB
            flex 1
            display flex 
            line-height .96rem
            div
                text-align center
            .OneBtn
                width 1.86rem
                font-size .24rem
                color #333
            .TwoBtn
                flex 1
                background $bg-color
                color #fff
                font-size .24rem


</style>